<template>
	<view>
		<view class="flex flex-col row-center muted md" style="height: 90vh;" v-if="status == 2">
			<u-image :src="$getImageUri('/resource/image/shopapi/default/gantan-rejust.png')" width="300" height="300"
				mode="widthFix">
			</u-image>

			<text class="p-t-48"
				style="color: rgba(240, 191, 11, 1);font-size: 38rpx;font-weight: bold;">{{$zhTran('已拒绝')}}</text>
			<text class="p-t-24" style="font-size: 26rpx;">{{$zhTran('您的申请已拒绝如需开通')}}</text>
			<text class="p-t-24" style="font-size: 26rpx;">{{$zhTran('请重新提交申请')}}</text>

			<button class="rejust-btn m-t-60" @click="reApply">{{$zhTran('重新申请')}}</button>

			<button class="back-btn m-t-30" @click="back">{{$zhTran('返回')}}</button>
		</view>
		<view class="flex flex-col row-center muted md" style="height: 90vh;" v-else>
			<u-image :src="$getImageUri('/resource/image/shopapi/default/gou2.png')" width="300" height="300"
				mode="widthFix"></u-image>

			<text class="p-t-48"
				style="color: rgba(64, 115, 250, 1);font-size: 38rpx;font-weight: bold;">{{$zhTran('审核中')}}</text>
			<text class="p-t-24" style="font-size: 26rpx;">{{$zhTran('您的申请正在审核')}}</text>
			<text class="p-t-24" style="font-size: 26rpx;">{{$zhTran('我们将在第一时间处理，请耐心等候')}}</text>

			<button class="apply-btn m-t-60" @click="back">{{$zhTran('返回')}}</button>
		</view>
	</view>
</template>

<script type="text/javascript">
	export default {
		data() {
			return {
				status: 0,
			}
		},
		methods: {
			back() {
				this.$Router.replaceAll({
					path: '/pages/user/user'
				})
			},
			reApply() {
				this.$Router.replaceAll({
					path: '/bundle2/pages/cloud_shop/apply'
				})
			},
			onLoad() {
				const {
					status
				} = this.$Route.query;
				this.status = status
				if (this.$Route.meta.atitle) {
					uni.setNavigationBarTitle({
						title: this.$zhTran(this.$Route.meta.atitle)
					})
				}
				console.log(status)
			},
		},
	};
</script>

<style>
	page {
		background-color: white;
	}

	.apply-btn {
		width: 80%;
		color: #ffffff;
		background-color: rgba(64, 115, 250, 1);
		font-size: 26rpx;
	}

	.rejust-btn {
		width: 80%;
		color: #ffffff;
		background-color: rgba(240, 191, 11, 1);
		font-size: 26rpx;
	}

	.back-btn {
		width: 80%;
		color: #ffffff;
		background-color: #999;
		font-size: 26rpx;
	}
</style>